<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:gs="http://www.tianqingwl.com/gsystem/tags">
<gs:sysConfig group="site_config">
<head>
    <meta charset="UTF-8">
    <title>[[${contentInfo.contentTitle}]]-[[${site_config.name}]]</title>
    <meta name="keywords" th:content="${contentInfo.keywords}"/>
    <meta name="description" th:content="${contentInfo.description}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" th:href="@{/default/css/base.css}" media="all">
    <link rel="stylesheet" th:href="@{/default/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <link rel="icon" th:href="@{/default/images/favicon.ico}" href="../../static/layuimini/images/favicon.ico">
    [(${site_config.head})]
</head>
<body>
<div th:replace="~{/default/common/header-nav.html}"></div>
<div class="gui-header-clear"></div>
<nav class="gui-box-center gui-main-width" style="margin-bottom: 15px;">
    <a th:href="@{/}" href="#">首页</a> >
    <a th:href="@{'/list/'+${contentInfo.contentType+'_1.html'}}" th:text="${contentInfo.contentTypeName}" href="#">Java</a> >
    <a th:href="@{'/'+${contentInfo.contentId}+'.html'}" href="#" th:text="${contentInfo.contentTitle}"></a>
</nav>
<main class="gui-box-center gui-main-width">
    <div class="gui-main-left">
        <div class="gui-card">
            <article class="gui-card-main">
                <h1 class="gui-card-title-center gui-article-title " th:text="${contentInfo.contentTitle}">文章标题</h1>
                <div class="gui-article-info gui-text-center gui-text-unimportant">
                    <span>作者：<span>[[${contentInfo.userShowName}]]</span></span>
                    <span>日期：<span th:text="${#dates.format(contentInfo.createTime, 'yyyy-MM-dd')}">2020-9-13</span></span>
                    <span>点击：<span th:text="${contentInfo.viewCount}">160</span></span>
                </div>
                <div class="gui-article-content" style="padding-top: 10px;" th:utext="${contentInfo.contentInfo}">

                    这是内容连接分开了的手机费枯鲁杜鹃分开两间第三方两三点开放这是内容连接分开了的手机费枯鲁杜鹃分开两间第三方
                    两三点开放这是内容连接分开了的手机费枯鲁杜鹃分开两间第三方两三点开放这是内容连接分开了的手机费枯鲁杜鹃分开两
                    间第三方两三点开放这是内容连接分开了的手机费枯鲁杜鹃分开两间第三方两三点开放这是内容连接分开了的手机费枯鲁
                    杜鹃分开两间第三方两三点开放这是内容连接分开了的手机费枯鲁杜鹃分开两间第三方两三点开放
                </div>
                <div style="margin-top: 20px;border-top: 1px solid #f7f7f7;line-height: 32px">
                    <i class="fa fa-tags" style="color: #bbb;"></i>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span th:each="tag:${tags}">
                        <a th:href="@{'/tag/'+${tag.typeId+'_1.html'}}" href="#" th:text="${tag.typeName}">标签名</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                </div>
                <div style="border-top: 1px solid #f7f7f7">
                    <ul class="gui-tag-list" style="line-height: 32px">
                        <li>上一篇：<a th:href="@{${nearContentList[0].contentId==null?'#':'/'+nearContentList[0].contentId+'.html'}}" href="#" th:text="${nearContentList[0].contentTitle}">疯狂夺金杀戮空间家乐福绝对是</a></li>
                        <li>下一篇：<a th:href="@{${nearContentList[1].contentId==null?'#':'/'+nearContentList[1].contentId+'.html'}}" href="#" th:text="${nearContentList[1].contentTitle}">疯狂夺金杀戮空间家乐福绝对是</a></li>
                    </ul>
                    <div class="gui-clear-float"></div>
                </div>

            </article>
        </div>

        <div class="gui-card">
            <div class="gui-card-title"><h1 class="gui-card-title-normal">相关文章</h1></div>
            <div class="gui-card-main">
                <ul class="gui-article-list">
                    <li class="gui-text-overflow" style="width: 50%;float: left" th:each="contentInfo:${recommendContentList}">
                        <a th:href="@{${'/'+contentInfo.contentId+'.html'}}" href="#" th:text="${contentInfo.contentTitle}">发电量就开始解放东路看风景时代老家发都fds</a>
                    </li>
                    <div class="gui-clear-float"></div>
                </ul>
            </div>
        </div>

    </div>
    <div class="gui-main-right" th:replace="~{/default/common/aside.html}"></div>
    <div class="gui-clear-float"></div>
</main>
<div th:replace="~{/default/common/footer.html}"></div>
</body>
</gs:sysConfig>
</html>